var dataLabels = [];
var dataQueued = [];
var dataIn = [];
var dataPass = [];
var inRates = [];
var passRates = [];
var config = {
	type: 'line',
	data: {
		labels: dataLabels,
		datasets: [
			{
		        label: '排队人次',
		        data: dataQueued,
		        backgroundColor: 'rgb(255, 99, 132)',
				borderColor: 'rgb(255, 99, 132)',
		        fill: false,
			},
			{
		        label: '进店人次',
		        data: dataIn, 
		        backgroundColor: 'rgb(75, 192, 192)',
				borderColor: 'rgb(75, 192, 192)',
		        fill: false, 
		    },
			{
		        label: '过号人次',
		        data: dataPass, 
		        backgroundColor: 'rgb(226, 118, 13)',
				borderColor: 'rgb(226, 118, 13)',
		        fill: false, 
		    },
			{
		        label: '进店率',
		        data: inRates, 
		        backgroundColor: 'rgb(17, 172, 5)',
				borderColor: 'rgb(17, 172, 5)',
		        fill: false, 
		    },
			{
		        label: '过号率',
		        data: passRates, 
		        backgroundColor: 'rgb(155, 15, 203)',
				borderColor: 'rgb(155, 15, 203)',
		        fill: false, 
		    }
		]
	},
	options: {
		responsive: true,
		background: 'rgb(0,0,0)',
		title: {
			display: true,
			text: '排队走势表'
		},
	}
};

var ctx = document.getElementById('chart').getContext('2d');
var chart = new Chart(ctx, config);

// setInterval(function() {
// 	if (config.data.datasets.length > 0) {
// 		var last = parseInt(dataLabels[dataLabels.length - 1]);
// 		var label = last + 1;
// 		if (last >= 23) {
// 			label = 0;
// 		}
// 		label = label + 'h';

// 		dataLabels.push(label);
// 		dataPV.push(getRandomNum(200000, 300000));
// 		dataUV.push(getRandomNum(10000, 80000));

// 		dataLabels.shift();
// 		dataPV.shift();
// 		dataUV.shift();

// 		chart.update();
// 	}
// }, 1000);

// function getRandomNum(min, max) {
// 	var range = max - min;
// 	var rand = Math.random();
// 	return(min + Math.round(rand * range));
// }